﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript" src="../Scripts/jquery-1.7.2.js"></script>
    <link type="text/css" rel="stylesheet" href="../Progect/PhotoManage/css/jquery.galleryview-3.0-dev.css" />
    <script type="text/javascript" src="../Progect/PhotoManage/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="../Progect/PhotoManage/js/jquery.timers-1.2.js"></script>
    <script type="text/javascript" src="../Progect/PhotoManage/js/jquery.galleryview-3.0-dev.js"></script>
    <script type="text/javascript" src="../Scripts/view/jquery.blockUI.js"></script>
    <style type="text/css">
<!--
body,ul,li{
	padding:0;
	margin:0;
	text-align:center;
	}
	

ul{
	text-align:center;
	width:800px;
	background:#eee;margin:0 auto;
}

li{
	list-style:none;
	width:1px;
	display:inline;
	margin:0 5px;
	white-space:nowrap;
	word-break:keep;
	height:20px;
	line-height:20px;
	font-size:12px;
	font-family:"宋体";}		
-->
</style>
    <script type="text/javascript" language="javascript">
        window.onload = function () {
            var width = document.body.offsetWidth - 340;
            var height = $(window).outerHeight(true) - 260;
            $('#myGallery').galleryView({ panel_width: width, panel_height: height - 113, frame_width: 200, frame_gap: 7, frame_height: 113, frame_opacity: 0.32 });
            $.blockUI({    //当点击事件发生时调用弹出层
                message: $('#photoview'),    //要弹出的元素box
                css: {    //弹出元素的CSS属性
                    top: '0px',
                    left: '0px',
                    draggable: true,
                    //   textAlign: 'center',
                    //  width: '700px',
                    background: 'none'

                }
            });
            $("#photoview").css("padding-left", "170px");
            $("#photoview").css("padding-right", "170px");
        }
        function getFile() {
        }
    </script>
</head>
<body>
    <div class="photoview" id="photoview">
        <div id="canvas" style="position:fixed" >
         <div style="float:left;">
                <ul id="myGallery">
                    <li>
                        <img src="7851e18a-a4bf-4de5-aede-1a346dfcaf14.jpg"></li>
                </ul>
            </div>
            <div style="float:left;">
                <table width="100%">
                    <tr>
                        <td align="right">
                            &nbsp;
                        </td>
                        <td style="width: 20px">
                            <image src="../../Images/delete.png" onclick="DeletePhoto()"></image>
                        </td>
                        <td style="width: 20px">
                            <image src="../../Images/setup.png" onclick="SetUpPhoto()"></image>
                        </td>
                        <td style="width: 20px">
                            <image src="../../Images/18.gif" onclick="CloseDiv()"></image>
                        </td>
                    </tr>
                </table>
            </div>
           
        </div>
        <div class="projectcss" style="clear:both" >
            <ul id="project">
            1111
            </ul>
        </div>
    </div>
 
</body>
</html>
